<template>
  <a-config-provider :locale="locale">
    <div id="app">
      <router-view/>
    </div>
  </a-config-provider>
</template>

<script>
import { domTitle, setDocumentTitle } from '@/utils/domUtil'
import { i18nRender } from '@/locales'

export default {
  data () {
    return {
    }
  },
  computed: {
    locale () {
      // 只是为了切换语言时，更新标题
      const { title } = this.$route.meta
      title && (setDocumentTitle(`${i18nRender(title)} - ${domTitle}`))

      return this.$i18n.getLocaleMessage(this.$store.getters.lang).antLocale
    }
  }
}
</script>
<style lang="less">
.page-card {
  padding: 20px 40px;
  width: 100%;
  margin: 0 auto;
  border-radius: 20px;
  background: #fff;
  margin-bottom: 20px;
  .ant-form-item {
    margin-bottom: 36px !important;
  }
  .back {
    position: absolute;
    right: 20px;
    top: 20px;
  }
  .hquery {
    .ant-radio-button-wrapper {
      border-radius: 60px !important;
      width: 50% !important;
      text-align: center;
      background: none;
      border: none !important;
    }
  
    .ant-radio-group {
      background: #E6EDF5;
      padding: 4px;
      width: 220px;
      border-radius: 60px;
    }
  
    .ant-radio-button-wrapper:not(:first-child)::before {
      display: none;
    }
    .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
      background: #1890ff;
    }
  }
  
}
.a-button-right {
  float: right;
  margin-bottom: 20px;
  position: relative;
  z-index: 222;
  display: flex;
}
.page-card-form {
  min-height: 85vh;
}
a.red, span.red {
  color: red;
}
span.green {
  color: #17BE70;
}
.forminput-detail {
  border: none !important;
  pointer-events: none;
  .ant-select-arrow {
    display: none !important;
  }
  .ant-select-selection {
    border: none;
  }
  i {
    display: none;
  }
  .ant-input {
    border: none;
  }
}
textarea.forminput-detail {
    margin-top: 6px !important;
    min-width: 100% !important;
}

.alert-message {
  background: #E0E8FF;
  border: 1px solid #1F3B8A;
  color: #000;
  .ant-alert-message {
    >span {
      >span:nth-child(2) {
        margin-left: 8px;
        margin-right: 12px;
        color: #999;
        cursor: pointer;
      }
      >span:nth-child(3) {
        color: red;
        cursor: pointer;
      }
    }
  }

  
}
</style>
